<template>
    <view>
        <uni-card :is-shadow="false">
            <uni-breadcrumb separator="       ">
                <uni-breadcrumb-item v-for="(route,index) in routes" :key="index" :to="route.to">
                    {{route.name}}
                </uni-breadcrumb-item>
            </uni-breadcrumb>
        </uni-card>
        <uni-card :is-shadow="false">
            <text class="hand">张小玲</text><text class="hands">♀</text><br>
            <text class="body">
                工号：20232023<br>

                学院：艺术学院<br>

                专业：艺术设计<br>

                联系电话：
            </text>
            <text class="bodys">1588888888</text><br>
            <text class="land">

                申请时间：2023-03-29 23:59:59<br>

                入队理由：一中校友，期望加入<hr>

            </text>
            <text class="lands">
                审批通过时间：2023-03-29 23:59:59<br>
            </text>
            <text class="landes">
                不同意理由：人员已到达上限
            </text>

        </uni-card>

        <uni-card :is-shadow="false">
            <text class="hand">王金金</text><text class="hands">♀</text><br>
            <text class="body">
                工号：20232023<br>

                学院：商学院<br>

                专业：营销管理<br>

                联系电话：
            </text>
            <text class="bodys">1588888888</text><br>
            <text class="land">

                申请时间：2023-03-29 23:59:59<br>

                入队理由：一中校友，期望加入<hr>

            </text>
            <text class="lands">
                审批通过时间：2023-03-29 23:59:59<br>
            </text>
            <text class="landes">
                不同意理由：人员已到达上限
            </text>

        </uni-card>

    </view>
</template>

<script>

export default {
    components: {},

    data() {
        return {
            routes: [
                {
                  to: "/pages/Student-captain/enlistment-approval/Pending-approval",
                  name: "待审批",
                },
                {
                   to:  "/pages/Student-captain/enlistment-approval/agree-join",
                   name: "同意入队",
                },
                {
                   to:"/pages/Student-captain/enlistment-approval/disagree-join",
                   name: "不同意入队",
                },
            ],
        };
    },
};
</script>

<style>
.hand{
    width: 48px;
    height: 22px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 16px;
    line-height: 2;
    color: #212121;
    text-align: center;
}
.hands{
    width: 14px;
    height: 14px;
    color: #FF9494;
    background: #FFFFFF;
    text-align: center;
    line-height: 2;
}
.body{

    color: #575757;
    font-size: 15px;
    font-face: PingFangSC;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0;
    paragraph-spacing: 0;
    text-align: left;
}
.bodys{
    color: #166aff;
    font-size: 15px;
    font-face: PingFangSC;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0;
    paragraph-spacing: 0;
    text-align: left;
}
.land{
    width: 233px;
    height: 39px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 15px;
    color: #575757;
    line-height: 2;
}
.lands{
    color: #575757;
    font-size: 15px;
    font-face: PingFangSC;
    font-weight: 400;
    line-height: 13px;
    letter-spacing: 0;
    paragraph-spacing: 0;
    text-align: left;
}
.landes{
    color: #f63535;
    font-size: 15px;
    font-face: PingFangSC;
    font-weight: 400;
    line-height: 13px;
    letter-spacing: 0;
    paragraph-spacing: 0;
    text-align: left;
}

</style>
